<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/bitbug_favicon.ico" type="image/x-icon"/>
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/comments.css">
    <link href="/static/css/m.css" rel="stylesheet">
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery.easyfader.min.js"></script>
    <script src="/static/js/wangEditor.js"></script>
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <![endif]-->
    <script src="/static/js/common.js"></script>
    <script src="/static/js/scrollReveal.js"></script>
</head>

<body>
</body>

<script>
    token = window.localStorage.getItem('dada_blog_token');
    //登陆的用户名
    username = window.localStorage.getItem('dada_blog_username');
    var html_body = ''
    $.ajax({
        // 请求方式
        type: "get",
        // url
        url: "http://127.0.0.1:8000/v1/users/" + username,
        async: false,
        beforeSend: function (request) {
            request.setRequestHeader("Authorization", token);
        },
        success: function (result) {
            if (200 == result.code) {
                //alert("请求成功")
                //console.log(result)
                $(document).attr('title', '发表博客-' + result.data.nickname + '的博客');
                //登陆和访问用户相等
                header_html = makeHeader(username, username)
                html_body += header_html
                html_body += '<div class="container">'
                html_body += '<div class="pagebg re"></div>'
                html_body += '<div class="container">'
                html_body += '<h1 class="t_nav"><span>不要轻易放弃。学习成长的路上，我们长路漫漫，只因学无止境。 </span>'

                html_body += '<p class="n1">发表博客</p>'
                html_body += '</h1>'
                html_body += '<div class="infosbox">'
                html_body += '<br>'
                html_body += '<p>'
                html_body += '<input class="comment_input" id="author" maxlength="50" name="author" required="required" size="25" tabindex="1" type="text">'
                html_body += '<label for="author">文章标题</label>'
                html_body += '</p>'
                html_body += '<br>'
                html_body += '<p class="classification">'
                html_body += '<input name="limit" type="radio" value="public" checked=check >公开博客'
                html_body += '<input name="limit" type="radio" value="private" >个人博客'
                html_body += '</p>'
                html_body += '<br>'
                html_body += '<p class="classification">'
                html_body += '<input name="category" type="radio" value="tec" checked=check>技术类'
                html_body += '<input name="category" type="radio" value="no-tec">非技术类'
                html_body += '</p>'
                html_body += '<br>'

                html_body += '<form>'

                html_body += '<div id="editor" style="margin-left: 12px;margin-right: 12px"></div>'
                html_body += '<br>'
                html_body += '<p>'
                html_body += '<input id="id_article" name="article" type="hidden" value="1">'
                html_body += '<input name="button" type="button" id="button" tabindex="5" value="提交" class="button" />'
                html_body += '</p>'
                html_body += '</form>'
                html_body += '<br>'
                html_body += '</div>'
                html_body += '<div id="help_js" style="display:none"></div>'
                html_body += '<footer id="footer">'
                html_body += '<p>Design by <a href=# target="_blank">'
                html_body += result.data.nickname
                html_body += '</a>'
                html_body += '</footer>'
                $('body').html(html_body)
                //初始化登出
                loginOut()
                var E = window.wangEditor
                editor = new E('#editor')
                // 或者 var editor = new E( document.getElementById('editor') )
                editor.create()
                $('#button').on('click', function () {

                    var content = editor.txt.html()
                    var content_text = editor.txt.text()
                    var title = $('.comment_input').val()
                    var title_after = $('#help_js').text(title).html()
                    // console.log('111111')
                    // console.log(title)
                    // console.log(title_after)
                    // console.log('111111')
                    var limit = $("input[name='limit']:checked").val()
                    var category = $("input[name='category']:checked").val()
                    var post_data = {
                        'content': content,
                        'content_text': content_text,
                        'limit': limit,
                        'title': title,
                        'category': category
                    }

                    $.ajax({
                        // 请求方式
                        type: "post",
                        // contentType
                        contentType: "application/json",
                        // dataType
                        dataType: "json",
                        // url
                        url: "http://127.0.0.1:8000/v1/topics/" + username + '/',
                        //url:"http://127.0.0.1:7000/v1/topics/" + username,
                        // 把JS的对象或数组序列化一个json 字符串
                        data: JSON.stringify(post_data),
                        // result 为请求的返回结果对象
                        beforeSend: function (request) {
                            request.setRequestHeader("Authorization", token);
                        },
                        success: function (result) {
                            if ('200' == result.code) {
                                alert("发布成功")
                                window.location.href = '/' + username + '/topics'
                            } else {
                                alert(result.msg)
                            }
                        }
                    })
                })

            } else {

                alert(result.msg)
            }
        }
    });

</script>

</html>
